<template>
  <PageWrapper title="带参数标签页" content="支持带参数多tab缓存">
    Current Param : {{ params }}
    <br />
    Keep Alive
    <Input />
  </PageWrapper>
</template>
<script lang="ts">
import { computed, defineComponent, unref } from 'vue'
import { useRouter } from 'vue-router'
import { PageWrapper } from '@/components/page'
import { Input } from 'ant-design-vue'

export default defineComponent({
  name: 'TestTab',
  components: { PageWrapper, Input },
  setup() {
    const { currentRoute } = useRouter()
    return {
      params: computed(() => {
        return unref(currentRoute).params
      }),
    }
  },
})
</script>
